<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<style type="text/css">
			p,ul{
				border: 1px solid red;
			}
			/* body >p:nth-child(3){
				background: yellow;
			} */
			/* body p:last-of-type{
				background: green;
			} */
			/* body>ul li p:nth-of-type(2){
				background: red;
			} */
			/* li>p:nth-of-type(even){
				background: blue;
			} */
			/* p[id="cc"]{
				background: #FF0000;
			} */
			/* p[class="one"]{
				background: yellow;
			} */
			/* p[class*="one"]{
				background: blue;
			} */
			/* p[class$="one"]{
				background: green;
			} */
			/* p[class^="one"]{
				background: pink;
			} */
		</style>
		<p>p1</p>
		<p id="bb"class="aa">p2</p>
		<p>p3</p>
		
		<ul>
			<li>
				<p>p4</p>
			</li>
			<li>
				<p>5</p>
				<p class="one"id="cc">5</p>
				<p>5</p>
			</li>
			<li>
				<p>6</p>
			</li>
			
		</ul>
	</body>
</html>
